<template>
  <div class="empty-container">
    <my-icon-empty />
    <div class="empty-text-wrapper">{{text}}</div>
  </div>
</template>

<script setup>
// eslint-disable-next-line
defineProps({
  text: {
    type: String,
    default: '暂无数据'
  }
})
</script>

<style scoped lang="scss">
@import '@/assets/style/var.scss';
@import '@/assets/style/mixin.scss';

.empty-container {
  @include fl();
  padding: 20px 0;
  line-height: 20px;
  flex-direction: column;
  .empty-icon {
    @include sc(100px, #DCDCDC);
  }
  .empty-text-wrapper {
    width: 100%;
    font-weight: 700;
    padding-top: 10px;
    text-align: center;
    color: $color-text-p;
  }
}
</style>
